<template>
	<div class="wrapIndex">
		<div class="indexTop">
			<p><img src="../../static/img/titlelogo.png" /></p>
			<span>民之所思，我之所行</span>
		</div>
		<div class="content">
			<p class="pborderRight pborderBottom"><img src="../../static/img/indexqb.png" /><span>钱包预充值</span></p>
			<p class="pborderBottom"><img src="../../static/img/indexyp.png" /><span>月票预充值</span></p>
			<p class="pborderRight"><img src="../../static/img/indexdd.png" /><span>订单查询</span></p>
			<p><img src="../../static/img/indexwd.png" /><span>网点查询</span></p>
		</div>
		<div class="bottom">
			<p><img src="../../static/img/indexHomeGray.png" /></p>
			<p><img src="../../static/img/indexHomeGreen.png" /></p>
		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		}
	}
</script>

<style scoped="scoped" lang="less">
.wrapIndex{
	height: 100%;
	width: 100%;
	.indexTop{
		height: 45%;
		background-image: url(../../static/img/indexbg.png);
		background-size: 100% auto;
		background-position-y: bottom;
		background-repeat: no-repeat;
	    box-sizing: border-box;
	    padding-top:0.98rem;
		p{
			img{
				width: 50%;
				margin-left: 25%;
			}
		}
		span{
			text-align: center;
			font-size: 0.42rem;
			color: #55c259;
			display: block;
			text-align: center;
			margin-top: 0.1rem;
		}
	}
	.content{
		height: 45%;
		width: 100%;
		box-sizing: border-box;
		padding: 0rem 0.48rem 0.42rem 0.48rem;
		p{
			float: left;
			width: 49%;
			text-align: center;
			height: 4rem;
			box-sizing: border-box;
			padding-top: 0.96rem;
			img{
				width:1.56rem;
			}
			span{
				display: block;
				text-align: center;
				margin-top: 0.2rem;
				font-size: 0.5rem;
				color: #6f6c6c;
			}
		}
		.pborderRight{
			border-right: 1px solid #EEEEEE;
		}
		.pborderBottom{
			border-bottom: 1px solid #EEEEEE;
		}
	}
	.bottom{
		height: 10%;
		/*border-top: 1px solid #EEEEEE;*/
		box-shadow: 0 -2px 5px -0px #c3ecc5;
		p{
			float: left;
			text-align: center;
			width: 50%;
			height: 100%;
			box-sizing: border-box;
			img{
			  height: 48%;
			  margin-top: 9%;
			}
		}
	}
}
</style>